<script setup lang="ts">
import StratchCard from "./scratch-card.vue";
const scratchStart = () => {};
const scratchEnd = () => {};
const scratchAll = () => {};
const onAxis = () => {}; //监听指针坐标
</script>

<template>
  <StratchCard
    ref="stratchCardDom"
    text="刮一刮"
    :maskColor="`blue`"
    :radius="12"
    :scratchRadius="10"
    :scratchPercent="90"
    @scratchStart="scratchStart"
    @scratchEnd="scratchEnd"
    @scratchAll="scratchAll"
    @onAxis="onAxis"
  >
    <div style="width: 300px; height: 200px">苹果手机</div>
  </StratchCard>
</template>

<style></style>
